<h1 style="text-align: center;">{list_product_title} {CatName}</h1>
<div class="tools">
    {btn_tool}
</div>

<div style="clear:both;height: 5px;">&nbsp;</div>

<div class="paging">{paging}</div>

        <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0" id="tbl_header">
            <!--Tieu De Bang-->
            <tr class="tbl_header" >
                <td class="cell_1 " style="cursor:pointer;" title="{title_1}" width="110px"><input onclick="checkAll()" name="all"
                                                                                                type="checkbox" value="all"/>
                </td>
                <td class="center_text cell_2 " >{title_2}</td>
                <td class="center_text cell_3">{title_4}</td>
                <td class="center_text cell_4">{title_5}</td>
                <td class=" center_text cell_5">{title_6}</td>
                <td class="center_text cell_6">{title_7}</td>
                <td class="center_text">{title_3}</td>
            </tr>
        </table>
<div id="div_sort">
{td_addnew}

<!--Noi Dung Bang-->
[OPEN htmlproduct]
[LOOP product]

    <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0" id="tr_{ID}" >
        <tr class="tbl_content tr_{ID} class_{Status}" >
            <td class="cell_1"><input name="delId[]" type="checkbox" value="{ID}"
                                      onchange="enble_btn()"/></td>
            <td class="cell_2" title="{Fullname}" id="Fullname{ID}">{Fullname}</td>
            <td class="cell_3" title="{Nick}" id="Nick{ID}">{Nick}</td>
            <td class="center_text cell_4" title="{Kind}" id="Kind{ID}">{Kind}</td>
            <td class="center_text cell_5"  title="{Mobile}" id="Mobile{ID}">{Mobile}</td>
            <td class="center_text cell_6" title="{Order}" id="Order{ID}" onmousedown="move_div('{ID}');" style="cursor: move;">{Order}
            </td>
            <td class="center_text" title="{Status}" id="Status{ID}">{{Status}}</td>
        </tr>
    </table>


[/LOOP product]
[LOOP edit_return]
  <tr class="tbl_content tr_{ID} class_{Status}">
<td class="cell_1"><input name="delId[]" type="checkbox" style="width: 96px" value="{ID}" onchange="enble_btn()"/>
</td>
<td class=" cell_2" title="{Fullname}" id="Fullname{ID}">{Fullname}</td>
<td class="cell_3" title="{Nick}" id="Nick{ID}">{Nick}</td>
<td class="center_text cell_4" title="{Kind}" id="Kind{ID}">{Kind}</td>
<td class="center_text cell_5" title="{Mobile}" id="Mobile{ID}">{Mobile}</td>
<td class="cell_6 status{ID}" title="{Order}" id="Order{ID}"  onmousedown="move_div('{ID}');" style="cursor: move;">{Order}</td>
<td class=" status{ID} center_text" title="{Status}" id="Status{ID}">{{Status}}</td>
  </tr>
[/LOOP edit_return]

[LOOP add_new]
    <table class="tbl_cms" width="100%" border="1" cellspacing="0" cellpadding="0" id="tr_new" >
        <tr class="tbl_content tr_{ID} class_{Status}" >
            <td class="cell_1"><input  type="button" onclick="save_data('add','')" value="{btn_save}"/><input type="button" value="{btn_cancel}" onclick="deltr('add','')"/></td>
            <td class="center_text cell_2"><input id="Fullname_new" placeholder="{Fullname_n}" type="text"
                                                                                       value=""/></td>
            <td class="center_text cell_3"><input id="Nick_new" type="text" placeholder="{Nick_n}" value=""/></td>
            <td class="center_text cell_4" title="{Kind}" id="Kind{ID}"> <select id="Kind_new">
                <option value="">
                    {Kind_n}
                </option>
                <option value="skype">
                    skype
                </option>
                <option value="yahoo">
                    yahoo
                </option>
            </select></td>
            <td class="center_text cell_5" ><input class="width_input" id="Mobile_new" type="text"
                                                                                    placeholder="{Mobile_n}" value=""/></td>
            <td class="center_text cell_6" title="{Order}" id="Order{ID}" onmousedown="move_div('{ID}');"><input class="width_input" id="Order_new" type="text"
                                                                                                                              placeholder="{Order_n}" value=""/>
            </td>
            <td class="center_text" title="{Status}" id="Status{ID}"> <select id="Status_new">
                <option value="">
                    {Status_n}
                </option>
                <option value="true">
                    {true}
                </option>
                <option value="false">
                    {false}
                </option>
            </select></td>
        </tr>
    </table>
[/LOOP add_new]
[LOOP edit]

<td class="cell_1 center_text" id="checkbox{IDE}" style="width:103px"><input style="margin-bottom: 8px;" type="button"
                                                                 value="{btn_save}"
                                                                 onclick=" save_data('edit','{IDE}')"/><input
    style="margin-bottom: 8px;" type="button" value="{btn_cancel}" onclick="deltr('edit','{IDE}')"/></td>
<td class="cell_2" title="{Fullname_n}" id="Fullname{IDE}"><input id="Fullname_edit{IDE}"
                                                                       placeholder="{Fullname_n}" type="text"
                                                                       value=""/></td>
<td class="cell_3" title="{Nick_n}" id="Nick{IDE}"><input id="Nick_edit{IDE}" type="text"
                                                               placeholder="{Nick_n}" value=""/>
</td>
<td class="center_text cell_4" title="{Kind_n}" id="Kind{IDE}">
    <select id="Kind_edit{IDE}">
        <option value="">
            {Kind_n}
        </option>
        <option value="skype">
            skype
        </option>
        <option value="yahoo">
            yahoo
        </option>
    </select>
</td>
<td class="center_text cell_5" title="{Mobile_n}" id="Mobile{IDE}"><input class="width_input" id="Mobile_edit{IDE}"
                                                                   type="text"
                                                                   placeholder="{Mobile_n}" value=""/></td>
<td class="cell_6" title="{Order_n}" id="Order{IDE}"  ><input class="width_input" id="Order_edit{IDE}" type="text"
                                                            placeholder="{Order_n}" value=""/></td>
<td class="" title="Status_n" style="text-align: center" id="Status{IDE}">
    <select id="Status_edit{IDE}">
        <option value="">
            {Status_n}
        </option>
        <option value="true">
            {true}
        </option>
        <option value="false">
            {false}
        </option>
    </select>
</td>


[/LOOP edit]

[LOOP btn_add]

<input type="button" id="but_add" class="but_login " type="button"
       value=" {add} " onclick="getHtml('add')"/>


[/LOOP btn_add]
[LOOP btn_edit]


<input type="button" id="but_process" disabled="disabled" class="but_tool butx" type="button"
       value=" {edit} " onclick="getHtml('edit')"/>


[/LOOP btn_edit]
[LOOP btn_delete]


<input type="button" id="but_process" disabled="disabled" class="but_tool butx" type="button"
       value=" {delete} " onclick="del_data()"/>


[/LOOP btn_delete]


[CLOSE htmlproduct]
</div>
<div class="paging">{paging}</div>